<template>
	<view class="page">
		<view class="top">
			<view class="item">
				<view class="left">产品名称</view>
				<view class="right">绿色乘用车升级套件</view>
			</view>
			<view class="item">
				<view class="left">实付款</view>
				<view class="right">￥8888</view>
			</view>
			<view class="item">
				<view class="left">订单编号</view>
				<view class="right" @click="copyText">276440630473 | 复制</view>
			</view>
			<view class="item">
				<view class="left">支付方式</view>
				<view class="right">银行卡支付</view>
			</view>
			<view class="item">
				<view class="left">支付时间</view>
				<view class="right">2041 / 11 / 28 21:46</view>
			</view>
			<view class="item">
				<view class="left">下单时间</view>
				<view class="right">2054 / 02 / 18 03:43</view>
			</view>
		</view>
		<view class="bottom">
			<view class="item">
				<view class="left">配送方式</view>
				<view class="right">上门取件</view>
			</view>
			<view class="item">
				<view class="left">收货信息</view>
				<view class="right">罗威 18991899875</view>
			</view>
			<view class="item">
				<view class="left">收货地址</view>
				<view class="right">广西凭祥市白马山庄13号楼
					9单元1354号</view>
			</view>
		</view>

	</view>
</template>
<script >
export default {
	data() {
		return {

		}
	},
	methods: {
		copyText() {
			uni.setClipboardData({
				data: '276440630473',
				success: function () {
					console.log('success');
				}
			});
		}
	}
}
</script>
<style lang="scss" scoped>
.page {
	padding: 60rpx 52rpx 0 52rpx;

	>view {
		display: flex;
		flex-direction: column;
	}

	.top {
		border-bottom: 1px #D8D8D8 solid;
		margin-bottom: 35rpx;
	}

	.item {
		display: flex;
		justify-content: space-between;
		margin-bottom: 36rpx;

		.left {
			color: #767676;
			white-space: nowrap;
		}

		.right {
			color: #1A1A1A;
			word-break: break-all;
			max-width: 375rpx;
		}
	}
}
</style>
